<template>
  <div>
      <span>{{ item.shopName }}</span>
      <button @click="add">+</button>
      <span>{{ item.count }}</span>
      <button @click="reduce">-</button>
  </div>
</template>

<script>
export default {
    props: ['item'],
    methods: {
        add() {
            this.item.count++
        },
        reduce() {
            if(this.item.count == 0) return
            this.item.count--
        }
    }
}
</script>

<style>

</style>